@tailwind base;
@tailwind components;
@tailwind utilities;

* {
    font-family: var(--cizzy-font);
}

img,
video,
svg {
    user-select: none;
}

:root {
    --nav-color: #fff;
    --logo-color: #803396;
    --svg-color: #222;
    --svg-color-hover: #803396;
    --comment-bgColor: #d3ccd5;
    --svg-font-family: "PingFang SC", DFPKingGothicGB-Regular, sans-serif;
    --cizzy-font: "Cormorant Garamond", serif;
    --login-box-color: #803396aa;
}

.el-message {
    z-index: 99999999 !important;
}

.svg-text {
    font-family: var(--svg-font-family);
    color: #6a6b73;
    font-size: 12px;
}

.little-text{
    font-family: var(--svg-font-family);
    font-size: 12px;
}